var data = [];
var product = [];
var localTable = null;
$(function () {
    load();
    productSkuTable();
    initLocalTableData();
});

function load() {

    $('#productTable').bootstrapTable({
        method: 'get', // 服务器数据的请求方式 get or post
        url: "/product/restaurant/chooseProductList", // 服务器数据的加载地址
        showRefresh: true,
        // showToggle : true,
        iconSize: 'outline',
        // toolbar: '#exampleToolbar',
        striped: true, // 设置为true会有隔行变色效果
        dataType: "json", // 服务器返回的数据类型
        pagination: true, // 设置为true会在底部显示分页条

        // queryParamsType : "limit",
        // //设置为limit则会发送符合RESTFull格式的参数
        singleSelect: false, // 设置为true将禁止多选
        // contentType : "application/x-www-form-urlencoded",
        // //发送到服务器的数据编码类型
        pageSize: 10, // 如果设置了分页，每页数据条数
        pageNumber: 1, // 如果设置了分布，首页页码
        // search : true, // 是否显示搜索框
        showColumns: true, // 是否显示内容下拉框（选择显示的列）
        sidePagination: "server", // 设置在哪里进行分页，可选值为"client" 或者
        // "server"
        queryParams: function (params) {
            return {
                limit: params.limit,
                offset: params.offset,
                title: $.trim($("#productName").val()),
                centreId: $.trim($("#centreId").val())?$.trim($("#centreId").val()):$.trim($("#centreId2").val()),
                teamId: $.trim($("#teamid").val())?$.trim($("#teamid").val()):$.trim($("#liansuoId").val()),
                liansuoid: $.trim($("#teamid").val())?$.trim($("#teamid").val()):$.trim($("#liansuoId").val()),
            };
        },
        columns: [
            // {
            //     checkbox : true
            // },
            {
                field: 'id', // 列字段名
                title: 'ID' // 列标题
            },
            {
                field: 'title',
                title: '商品标题'
            },
            {
                field: 'total',
                title: '库存'
            },
            {
                title: '操作',
                field: 'id',
                align: 'center',
                formatter: function (value, row, index) {

                    var e = '<a class="btn btn-primary btn-sm '
                        + '" href="###" mce_href="###" title="选择" onclick="setting(\''
                        + value
                        + '\')"><i class="fa fa-edit"></i>选择</a>';

                    return e;
                }
            }]
    });
}

function reLoad() {
    $('#productTable').bootstrapTable('refresh');
}


function productSkuTable() {
    $('#productSkuTable').bootstrapTable('destroy');
    localTable = $('#productSkuTable').bootstrapTable({
        data: data,
        striped: true, // 设置为true会有隔行变色效果
        search: false,                      //是否显示表格搜索
        strictSearch: false,
        showColumns: false,
        clickToSelect: true,                //是否启用点击选中行
        uniqueId: "fid",                     //每一行的唯一标识，一般为主键列
        showToggle: false,                   //是否显示详细视图和列表视图的切换按钮
        cardView: false,                    //是否显示详细视图
        detailView: false,                  //是否显示父
        columns: [
            // {
            //     checkbox : true
            // },
            {
                field: 'id', // 列字段名
                title: 'ID' // 列标题
            },
            {
                field: 'title',
                title: 'SKU标题'
            },
            {
                field: 'stock',
                title: '库存'
            },
            {
                title: '操作',
                field: 'id',
                align: 'center',
                formatter: function (value, row, index) {

                    var e = '<a class="btn btn-primary btn-sm '
                        + '" href="###" mce_href="###" title="选择" onclick="btnOk(\''
                        + value
                        + '\')"><i class="fa fa-edit"></i>选择</a>';

                    return e;
                }
            }],
        onLoadSuccess: function () {
        },
        onLoadError: function () {
            showTips("数据加载失败！");
        }
    });
}

function initLocalTableData() {
    var that = this;
    var item = localStorage.getItem("productSKU");
    if (item) {
        var rows = JSON.parse(item);
        console.info(rows, "====")
        that.data = rows;
        reloadData();
        return;
    }
}

function setting(id) {
    var rowData = getData(id);
    // var rows = [];
    // rows.push(rowData);
    // var newData = dataCompare(rows);
    this.product = rowData;
    this.data = rowData.skus;
    if (this.data) {
        reloadData();
        nextStep();
    } else {
       this.btnOk(null);
    }

}

function nextStep() {
    $('#myTab a[href="#tab_des"]').trigger("click");
}

function cancelJoin(value) {
    var that = this;
    var tempdata = [];
    for (var i = 0; i < that.data.length; i++) {
        if (value != that.data[i].id) {
            tempdata.push(that.data[i]);
        }
    }
    that.data = tempdata;
    reloadData();
}

function dataCompare(joinData) {
    var tempdata = this.data;
    var newData = [];
    for (var i = 0; i < joinData.length; i++) {

        var b = "aa";
        for (var j = 0; j < tempdata.length; j++) {

            if (joinData[i].id == tempdata[j].id) {
                b = "bb";
            }
        }
        if (b == "aa") {

            newData.push(joinData[i]);
        }
    }
    if (newData.length > 0) {
        for (var i = 0; i < newData.length; i++) {
            tempdata.push(newData[i]);
        }
    }
    return tempdata;
}

function reloadData() {
    $('#productSkuTable').bootstrapTable('load', this.data);
}

function getData(id) {
    var rows = $("#productTable").bootstrapTable('getData');//行的数据
    var rowData = {};
    var dataIndex = 0;
    for (var i = 0; i < rows.length; i++) {
        if (rows[i].id == id) {
            rowData = rows[i];
            dataIndex = i;
            break;
        }
    }
    return rowData;
}

function getSkuData(id) {
    var rows = $("#productSkuTable").bootstrapTable('getData');//行的数据
    var rowData = {};
    var dataIndex = 0;
    for (var i = 0; i < rows.length; i++) {
        if (rows[i].id == id) {
            rowData = rows[i];
            dataIndex = i;
            break;
        }
    }
    return rowData;
}

function showSeckillPrice(id) {

    var rows = $("#productSkuTable").bootstrapTable('getData');//行的数据
    var rowData = {};
    var dataIndex = 0;
    for (var i = 0; i < rows.length; i++) {
        if (rows[i].id == id) {
            rowData = rows[i];
            dataIndex = i;
            break;
        }
    }

    $("#seckillPrice").val(rowData.groupPrice);
    $("#nowSeckillStotal").val(rowData.stock);
    layer.open({
        type: 1,
        title: false,
        closeBtn: 0,
        area: ['auto'],
        shadeClose: false,
        content: $("#goodsSeckillPrice"),
        btn: ['确定', '取消'],
        yes: function (index, layero) {
            $("#productSkuTable").bootstrapTable("updateRow", {
                index: dataIndex,//更新行索引，0起始
                replace: true,//合并or替换行数据，true替换，false合并，默认false
                row: {
                    groupPrice: $("#seckillPrice").val(),//更新行数据
                    stock: (parseInt($("#nowSeckillStotal").val()) + parseInt($("#seckillStotal").val()))//更新行数据
                }
            });
            layer.close(index);
        }
        , cancel: function () {
            //右上角关闭回调

            return true;// 开启该代码可禁止点击该按钮关闭
        }
    });

}

function btnOk(id) {
    var skuData = null;
    if (id) {
        skuData = getSkuData(id);
    }
    var productData = this.product;

    parent.selectProductCallBack(productData, skuData, $("#packageNum").val());
    var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
    parent.layer.close(index);
}

